html,body{
  height:100%;
  overflow:hidden;
}
.nav{
  background-image: url("../images/bg.png");
  background-size: cover;
}
.title{
  text-align: center;
  height: 8%;
}
.font{
  color: white;
  font-size: 20px;
  margin-left: 8px;
  margin-right: 8px;
}
.part {
  height: 95%;
  margin-left: 3%;
  margin-right: 3%;
  margin-top: 1.5%;
  padding-bottom: 5px;
}
.message{
  left: 5%;
  position: relative;
  margin-top: 10px;
  width: 90%;
}
.equipmentName{
  position: absolute;
  top: 40%;
  width: 150px;
  left: 190px;
  z-index: 100;
  font-size: 18px;
  text-align: center;
}
.table tbody tr{
  height: 55px;
}
.table thead tr th {
  color: #FFF;
  font-size: 14px;
  padding:5px 2px;
  text-align: center;
}
.table tbody tr td{
  color: #FFF;
  line-height: 50px;
  font-size: 22px;
  padding:3px 2px;
  text-align: center;
}
.bigText {
  color: #FFFFFF;
  font-size:22px;
  line-height: 50px;
}
.item{
  height: 100%;
}
.carousel-indicators .active {
  margin: 0px 5px 0px 0px;
  width: 35px;
  height: 5px;
  border-radius: 0px;
  background-color: rgba(3,231,35,1);
}
.carousel-indicators li {
  width: 35px;
  height: 5px;
  margin: 0px 5px 0px 0px;
  border-radius: 0px;
  background-color: rgba(255,255,255,0.4);
}
.carousel-indicators {
  left: 1%;
  width: 100%;
  margin-left: 0px;
  bottom: -30px;
}
.carousel {
  height: 100%;
}
.popupTable{
  position: absolute;
  width: 40%;
  height:35%;
  margin-left: 11%;
  margin-top: 3%;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td{
  border-top: 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.version{
	position: absolute;
	left: 84%;
    top: 97%;
}
#versionName{
	font-size: 5px;
	color: rgba(255,255,255,0.5);
}